<!doctype html>
<html class="no-js">

<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="description" content="">
    <meta name="keywords" content="">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>River Link</title>
    <!-- Set render engine for 360 browser -->
    <meta name="renderer" content="webkit">
    <!-- No Baidu Siteapp-->
    <meta http-equiv="Cache-Control" content="no-siteapp" />
    <!-- SEO: If your mobile URL is different from the desktop URL, add a canonical link to the desktop page https://developers.google.com/webmasters/smartphone-sites/feature-phones -->
    <!--
    <link rel="canonical" href="http://www.example.com/">
     -->
    <link rel="stylesheet" href="css/amazeui.min.css">
    <link rel="stylesheet" href="css/app.css">
    <link rel="stylesheet" href="css/style.css">
    <link rel="stylesheet" href="css/main.css">
</head>

<body>
    <!-- header -->
    <header class="am-topbar header-mod am-topbar-fixed-top">
        <h1 class="am-topbar-brand">
            <a href="#"><img src="img/river.png" alt=""></a>
        </h1>
        <button class="am-topbar-btn am-topbar-toggle am-btn am-btn-sm am-btn-success am-show-sm-only" data-am-collapse="{target: '#doc-topbar-collapse'}">
            <span class="am-sr-only">导航切换</span>
            <span class="am-icon-bars"></span>
        </button>
        <div class="am-collapse am-topbar-collapse" id="doc-topbar-collapse" data-am-scrollspynav="{offsetTop: 45}" data-am-sticky>
            <ul class="am-nav am-nav-pills am-topbar-nav">
                <li>
                    <a href="#home">首页</a>
                </li>
                <li>
                    <a href="#project">项目</a>
                </li>
                <li>
                    <a href="#team">团队</a>
                </li>
                <li>
                    <a href="#support">支持</a>
                </li>
                <li>
                    <a href="#contact">联系我们</a>
                </li>
                <li>
                    <a href="javascript:;">白皮书</a>
                </li>
                <li>
                    <a href="/?language=en_us">English</a>
                </li>
            </ul>
        </div>
    </header>
    <div class="public-box bgcolor" id="home">
        <div class="content am-cf">
            <div class="content-texts">
                <div class="logo-title">
                    <img src="img/link.png" alt="">
                </div>
                <h5 class="fontsize-text">全球首家</h5>
                <h5 class="fontsize-text">去中心化数字广告交易平台</h5>                
                <p>互联网区块链应用开发平台</p>
            </div>
        </div>
    </div>
    <div class="public-box bgcolor am-cf" id="project">
        <div class="content">
            <h2 class="title-tab-color fontsize-title">Build decentralized free trading digital advertising platform </h2>
            <span></span>
            <h3 class="fontsize-subtitle">致力于打造去中心化完全自治的互联网广告交易平台</h3>
            <p class="fontsize-text">流链是一个以区块链为底层技术的去中心化数字广告交易平台，通过智能合约撮 合流量主和广告主的交易，由社区用户参与治理。用户可以通过平台实现流量的 买卖，数据完全公开透明，不必担心数据被造假的问题，并且不必再支付高昂的 传统模式的平台差价，让广告主少花钱，流量主多赚钱。
            </p>
        </div>
    </div>
    <div class="public-box bgcolor project-two">
        <div class="content am-cf">
            <div class="content-text am-fl">
                <h2 class="title-tab-color">A Stream Chain Will Be</h2>
                <h2 class="title-tab-color">An Open Source System</h2>
                <span></span>
                <p>流链将会是一个开源系统</p>
                <p>生态参与者可以在流链的基础上开发DSP、SSP系统</p>
                <ul>
                    <li>
                        <span></span>
                        <h4>追踪</h4>
                        <p>数据公开透明</p>
                    </li>
                    <li>
                        <span></span>
                        <h4>速度</h4>
                        <p>即时，按需结算</p>
                    </li>
                    <li>
                        <span></span>
                        <h4>链接</h4>
                        <p>跨支付网络链接</p>
                    </li>
                    <li>
                        <span></span>
                        <h4>成本</h4>
                        <p>资金的实时追踪</p>
                    </li>
                </ul>
            </div>
            <div class="content-img am-fr">
                <img src="img/1.png" alt="">
            </div>
        </div>
    </div>
    <div class="public-box project-thr public-main">
        <div class="content am-cf">
            <div class="content-text am-fr">
                <h2>Return To Trading</h2>
                <h4>交易回归</h4>
                <p>数据的交易也能让双眼看见</p>
            </div>
            <div class="content-img am-fl">
                <img src="img/2.png" alt="">
            </div>
        </div>
    </div>
    <div class="public-box project-four public-main">
        <div class="content am-cf">
            <div class="content-text am-fl">
                <h2>Right of trading adjudication</h2>
                <h4>交易裁决权</h4>
                <p>交易裁决权本该属于流量主和广告主</p>
            </div>
            <div class="content-img am-fr">
                <img src="img/3.png" alt="">
            </div>
        </div>
    </div>
    <div class="public-box project-five public-main">
        <div class="content am-cf">
            <div class="content-text am-fr">
                <h2>Trusted intelligence contract</h2>
                <h4>可信智能合约</h4>
                <p>无需第三方介入降低交易成本</p>
            </div>
            <div class="content-img am-fl">
                <img src="img/4.png" alt="">
            </div>
        </div>
    </div>
    <div class="public-box" id="team">
        <div class="content">
            <h2>EXECTIVE TEAM</h2>
        </div>
    </div>
    <div class="public-box" id="support">
        <div class="content">
            <h2>SUPPORT</h2>
            <ul class="item-ul am-cf">
                <li class="am-fl">
                    <img src="img/header-icon.png" alt="">
                    <h4>Kinya Tago</h4>
                    <p>Founder & CEO</p>
                </li>
                <li class="am-fl">
                    <img src="img/header-icon.png" alt="">
                    <h4>Michael Hanson</h4>
                    <p>Cheif Operation Office</p>
                </li>
                <li class="am-fl">
                    <img src="img/header-icon.png" alt="">
                    <h4>Chris Francia</h4>
                    <p>Cheif Product Officer</p>
                </li>
                <li class="am-fl">
                    <img src="img/header-icon.png" alt="">
                    <h4>Niels Buekers</h4>
                    <p>Lead Developer</p>
                </li>
                <li class="am-fl">
                    <img src="img/header-icon.png" alt="">
                    <h4>Connor Watson</h4>
                    <p>Senior Developer</p>
                </li>
                <li class="am-fl">
                    <img src="img/header-icon.png" alt="">
                    <h4>Oleksandr lakovliev</h4>
                    <p>Full Stack Developer</p>
                </li>
                <li class="am-fl">
                    <img src="img/header-icon.png" alt="">
                    <h4>Brian Lee</h4>
                    <p>Business Development</p>
                </li>
                <li class="am-fl">
                    <img src="img/header-icon.png" alt="">
                    <h4>Alice Liu</h4>
                    <p>Business Development Asia</p>
                </li>
                <li class="am-fl">
                    <img src="img/header-icon.png" alt="">
                    <h4>Mitchell Lautenberg</h4>
                    <p>Corporate Counsel</p>
                </li>
                <li class="am-fl">
                    <img src="img/header-icon.png" alt="">
                    <h4>Richard Chung</h4>
                    <p>Corporate Finance</p>
                </li>
            </ul>
        </div>
    </div>
    <div class="public-box" id="contact">
        <h2>CONTACT US</h2>
        <p>Add:</p>
        <p>Email:</p>
    </div>
    <div class="public-box bgcolor contact-form">
        <div class="content">
            <div class="logo-title">
                <img src="img/link.png" alt="">
            </div>
            <h4>Join Our Mailing List</h4>
            <div class="form">
                <div class="am-form-inline">
                    <div class="am-form-group">
                        <input id="firstName" type="text" class="am-form-field am-radius am-input-lg" placeholder="First name" name="customer.firstName">
                    </div>
                    <div class="am-form-group">
                        <input id="surname" type="text" class="am-form-field am-radius am-input-lg" placeholder="Surname" name="customer.surname">
                    </div>
                    <div class="am-form-group">
                        <input id="email" type="email" class="am-form-field am-radius am-input-lg" placeholder="Email address" name="customer.email">
                    </div>
                    <button id="submit" type="submit" class="am-btn am-btn-primary am-radius am-input-lg">Join</button>
                </div>
            </div>
            <p>Interaction</p>
            <div class="Interaction-box">
                <ul>
                    <li>
                        <a href="javascript:;">
                            <img src="img/facebook.png" alt="">
                        </a>
                    </li>
                    <li>
                        <a href="javascript:;">
                            <img src="img/twier.png" alt="">
                        </a>
                    </li>
                    <li>
                        <a href="javascript:;">
                            <img src="img/hezuo.png" alt="">
                        </a>
                    </li>
                    <li>
                        <a href="javascript:;">
                            <img src="img/boobb.png" alt="">
                        </a>
                    </li>
                    <li>
                        <a href="javascript:;">
                            <img src="img/tea.png" alt="">
                        </a>
                    </li>
                    <li>
                        <a href="javascript:;">
                            <img src="img/git.png" alt="">
                        </a>
                    </li>
                    <li>
                        <a href="javascript:;">
                            <img src="img/talk.png" alt="">
                        </a>
                    </li>
                </ul>
            </div>
        </div>
    </div>
    <!--[if lte IE 9]>
<p class="browsehappy">你正在使用<strong>过时</strong>的浏览器，暂不支持。 请 <a
  href="http://browsehappy.com/" target="_blank">升级浏览器</a>
  以获得更好的体验！</p>
<![endif]-->


    <!--[if lt IE 9]>
<script src="http://libs.baidu.com/jquery/1.11.1/jquery.min.js"></script>
<script src="http://cdn.staticfile.org/modernizr/2.8.3/modernizr.js"></script>
<script src="assets/js/amazeui.ie8polyfill.min.js"></script>
<![endif]-->

    <!--[if (gte IE 9)|!(IE)]><!-->
    <script src="js/jquery.min.js"></script>
    <!--<![endif]-->
    <script src="js/amazeui.min.js"></script>
    <script id="vertexShader" type="x-shader/x-vertex">

        // Uniforms
        uniform float time;
        varying vec3 vNormal;

        void main(void) {
           vec3 v = position;
           vNormal = normal;
           v.z += cos(2.0 * position.x + (time)) * 4085.5;

           gl_Position = projectionMatrix *
                        modelViewMatrix *
                        vec4(v, 1.0);
        }

    </script>
    <script id="fragmentShader" type="x-shader/x-fragment">
        varying vec3 vNormal;
        uniform float time;

        void main(void) {
            vec3 light = vec3(0.1, .9, .1);

            light = normalize(light);

            float dProd = max(0.2, dot(vNormal, light));

            gl_FragColor = vec4(dProd, // R
                              dProd, // G
                              dProd, // B
                              1.0);  // A
        }

    </script>
    <script src="js/three.min.js"></script>
    <script src="js/index.js"></script>

    <script>
        $(function() {
            $('#submit').click(function() {
                var firstName = $('#firstName').val()
                var surname = $('#surname').val()
                var email = $('#email').val()

                if(firstName && surname && email) {
                    $.post('/', {customer: {
                        firstName: firstName,
                        surname: surname,
                        email: email
                    }}, function(data) {
                        alert(data.message)
                    }, 'json')
                } else {
                    alert('请正确填写您的信息')
                }
            })
        })
    </script>
</body>

</html>
